<template>
  <table id="commonHead" style="width: 100%;border-collapse: collapse;border-spacing: 0;">
    <colgroup>
      <col width="100" />
      <col width="80" />
      <col width="110" />
      <col width="256" />
      <col width="110" />
      <col width="434" />
    </colgroup>
    <tbody>
      <tr>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;text-align:center;">工序编号</th>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;text-align:center;">{{options.siteAttr.workstationCode}}</th>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;text-align:center;" rowspan="2">工序名称</th>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;text-align:center;" rowspan="2">{{options.siteAttr.workstationName}}</th>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;text-align:center;" rowspan="2">产品名称</th>
        <th style="padding: 2px 3px;border: 1px solid #888; border-left:none;border-right:none;text-align:center;" rowspan="2">{{productName}}</th>
      </tr>
      <tr>
        <th style="padding: 2px 3px;border:1px solid #888; border-left:none;text-align:center;">工序页次</th>
        <th style="padding: 2px 3px;border:1px solid #888; border-left:none;text-align:center;">{{`${index}/${length}`}}</th>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  props: {
    options: {
      type: Object,
      default: {}
    },
    index: {
      type: Number,
      default: 0
    },
    productName: {
      type: String,
      default: ''
    },
    length: {
      type: Number,
      default: 0
    },
  },
  data(){
    return {
    }
  },
}
</script>